{extend name="personal/index" /}

{block name="center"}


    <!-- <link rel="stylesheet" href="static/smalledit/lib/css/bootstrap.css"/> -->
    <link rel="stylesheet" href="static/smalledit/lib/css/jquery.mCustomScrollbar.min.css"/>
    <link rel="stylesheet" href="static/smalledit/dist/css/jquery.emoji.css"/>
    <link rel="stylesheet" href="static/smalledit/lib/css/railscasts.css"/>
    <link rel="stylesheet" href="static/smalledit/dist/css/index.css"/>

    <script src="static/smalledit/lib/script/jquery.min.js"></script>
    <script src="static/smalledit/lib/script/highlight.pack.js"></script>
    <script src="static/smalledit/lib/script/jquery.mousewheel-3.0.6.min.js"></script>
    <script src="static/smalledit/lib/script/jquery.mCustomScrollbar.min.js"></script>
    <script src="static/smalledit/dist/js/jquery.emoji.min.js"></script>

      <div class="plc_main">
        <!--右侧开始-->
        <div class="main_cont">
          <form id="eform" name="eform" action="indexPersonalMessageDoaddmessage" method="post" enctype="multipart/form-data">
            <!--新增日志详细内容开始-->
            <div class="path_title">
              <span class="blog_title">
                发送新消息
              </span>
              <a class="return" href="indexPersonalMessageIndex" title="返回消息首页&gt;&gt;">
                返回消息首页&gt;&gt;
              </a>
            </div>
            <div class="write_blog">
              <ul>
                <li>
                  <input name="title" type="text" class="input_txt" id="title" value="这里输入标题"
                  style="color: rgb(188, 188, 188);">
                </li>

                <li>

                  <div class="row firstRow">
                    <div class="col-md-6">
                        <h4>消息内容:</h4>
                        <div id="editor" contenteditable="true"></div>
                        <div class="m-t-70"></div>
                    </div>
                  </div>

                </li>

                <li>
                  发送给：<input type="text" name="nickname" placeholder="请填入用户名">
                </li>
                <li class="btn">
                  <button type="submit" class="pub_btn" id="submit">发布</button>
                  <a href="indexPersonalMessageIndex" class="c_pub_btn">取消</a>
                </li>
              </ul>
            </div>
            <!--新增日志详细内容结束-->
            <input type="hidden" name="content" id="content" value="">
          </form>
        </div>
        <!--右侧结束-->
      </div>



      <script>
          $('#mypl').click(function(){
            $('.myplList').show();
            $('.plmyList').hide();
            $(this).addClass('current');
            $('#plmy').removeClass('current');
          })

          $('#plmy').click(function(){
            $('.myplList').hide();
            $('.plmyList').show();
            $(this).addClass('current');
            $('#mypl').removeClass('current');
          })


          hljs.initHighlightingOnLoad();
          $("#editor").emoji({
          icons: [{
              name: "QQ表情",
              path: "static/smalledit/dist/img/qq/",
              maxNum: 91,
              excludeNums: [41, 45, 54],
              file: ".gif",
              placeholder: "#qq_{alias}#"
          }]
      });


          $('#submit').click(function(){
            var a = $('#editor').html();
            $('#content').attr('value',a);

          })




    </script>
   {/block}